<%@page pageEncoding="UTF-8" isELIgnored="false" contentType="text/html; UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="path" value="${pageContext.request.contextPath}" />

<script>
    $(function(){
        //初始化表单属性
        $("#feedTable").jqGrid({
            url : "${path}/Feedback/queryAllPage",  //分页查询   page  rows  total recoreds  page  rows
            datatype : "json",
            rowNum : 3,  //每页展示是条数
            rowList : [ 3,5,10, 20, 30 ],
            pager : '#feedPage',
            styleUI:"Bootstrap",
            height:"auto",
            autowidth:true,
            viewrecords:true,  //是否展示数据总条数
            colNames : [ 'ID', '标题', '内容', '用户id','发布时间'],
            colModel : [
                {name:"id"},
                {name:"title"},
                {name:"content"},
                {name:"userId"},
                {name:"createTime"}
            ]
        });
        //分页工具栏
        $("#feedTable").jqGrid('navGrid', '#feedPage',
            {edit : false,add : false,del : false,addtext:"添加",deltext:'删除',edittext:"修改"},
            {
                closeAfterEdit:true //关闭对话框

            },
            {
                closeAfterAdd:true//关闭对话框
            }
        );
    });

</script>

<%--创建一个面板--%>
<div class="panel panel-info">

    <%--面板头--%>
    <div class="panel panel-heading">
        <h2>日志信息</h2>
    </div>

    <!-- 标签页 -->
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#home" >日志管理</a></li>
    </ul><br>


    <%--创建表格--%>
    <table id="feedTable" />

    <div id="feedPage"></div>

</div>